.boxed-layout,
#page,
.container {
    max-width: 96%;
    width: 1170px
}

.boxed-layout .header,
.boxed-layout .top-bar .center-width {
    width: 96%
}

@media screen and (max-width: 1260px) {
    .boxed-layout,
    .boxed-layout .main-wrapper {
        max-width: 980px;
        width: 100%
    }

    .cover-image {
        min-height: 400px
    }

    .gslayout .post {
        width: 47.6%
    }

    .sglayout .post {
        width: 47.6%
    }

    #commentform .comment-form-author,
    #commentform .comment-form-email,
    #commentform .comment-form-url {
        margin-bottom: 15px;
        width: 80%
    }

    #commentform textarea {
        width: 90%
    }

    #subscribe-widget input[type="text"] {
        margin-bottom: 10px;
        width: 99%
    }

    .masonry .post .title {
        font-size: 30px;
        line-height: 1.3;
    }
}

@media screen and (max-width: 1110px) {
    .back-to-top {
        right: 5px
    }
}

@media screen and (max-width: 1024px) {
    .cover-image {
        min-height: 360px
    }

    .gslayout .post {
        width: 47.4%
    }

    .sglayout .post {
        width: 47.4%
    }

    .boxed-layout .header #logo {
        margin: 6px 0
    }

    .boxed-layout .main-nav {
        max-width: 100%
    }

    .boxed-layout,
    .boxed-layout .header {
        max-width: 730px;
        width: 100%
    }

    .boxed-layout .header,
    .top-bar .center-width,
    .header,
    #page,
    .copyright-inner {
        width: 96%
    }

    .ad-125-widget li.adleft,
    .ad-125-widget li.adright {
        float: left;
        margin: 0 5px 10px;
        width: 47%
    }

    .footer-widget {
        width: 49%
    }

    .footer-columns-4 .footer-widget:nth-child(2) {
        margin-right: 0
    }

    .footer-columns-4 .footer-widget {
        width: 48.5%
    }

    .footer-columns-4 .footer-widget:nth-child(3) {
        clear: left
    }

    .instagram-photos li {
        width: 25%
    }
}

@media screen and (max-width: 978px) {
    .masonry .post {
        width: 48.1%
    }

    .gslayout .post {
        width: 47%
    }

    .sglayout .post {
        width: 47%
    }

    .glayout .post {
        width: 47.8%
    }

    .clayout .post:nth-child(2n) {
        margin-right: 0
    }

    .clayout .post:nth-child(2n+1) {
        clear: left
    }

    .clayout .post:nth-child(3n) {
        margin-right: 2.75%
    }

    .clayout .post:nth-child(3n+1) {
        clear: none
    }
}

@media screen and (max-width: 900px) {
    .main-wrapper {
        background: transparent
    }

    .header {
        text-align: center
    }

    .nav-menu {
        display: none
    }

    .off-canvas-search {
        box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.06);
        padding: 10px 20px 30px;
    }

    .off-canvas-search .header-search {
        float: none;
        margin: 0;
        width: 100%
    }

    .off-canvas-search .searchform {
        background: transparent
    }

    .off-canvas-search .searchform fieldset {
        border: 0
    }

    .off-canvas-search .s {
        color: #fff;
        float: left;
        padding: 8px 4%;
        width: 88%
    }

    .off-canvas-search .search-button {
        background: transparent;
        color: #fff;
        font-size: 14px
    }

    .st-menu {
        display: block
    }

    .st-menu ul {
        margin: 0;
        padding: 0;
    }

    .st-menu ul li {
        display: block;
        position: relative
    }

    .st-menu ul li a {
        display: block;
        padding: 13px 15px;
        box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.06);
        color: #fff;
        text-transform: uppercase;
        text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
        letter-spacing: 1px;
        font-weight: 400;
        line-height: 1.4;
        -webkit-transition: background 0.3s, box-shadow 0.3s;
        transition: background 0.3s, box-shadow 0.3s;
    }

    .st-menu ul li ul li a {
        padding-left: 30px
    }

    .st-menu ul li ul li ul li a {
        padding-left: 45px
    }

    .st-menu ul li a:hover {
        background: rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
        color: #fff
    }

    .side-sub-menu {
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        height: 42px;
        width: 46px
    }

    .side-sub-menu .fa {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
        font-size: 22px;
        margin: 6px;
        padding: 4px 10px
    }

    .openNav .menu-pusher {
        left: 300px
    }

    .st-menu {
        padding: 20px 0 0;
        left: -300px
    }

    .openNav .st-menu {
        visibility: visible;
        -webkit-transition: left 0.5s;
        transition: left 0.5s;
        left: 0
    }

    .st-menu ul.sub-menu {
        display: none
    }

    .menu .menu-item-has-children > a:after {
        display: none
    }

    .menu-btn {
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        display: inline-block !important;
        float: left;
        font-size: 24px;
        cursor: pointer;
        margin-right: 5px;
        padding: 18px 20px 18px 5px
    }

    .menu-btn span {
        display: inline-block;
        font-size: 14px;
        margin: 3px 0 0;
        vertical-align: top;
    }

    .header-3 .menu-btn {
        padding: 8px 20px 8px 5px
    }

    .glayout .post {
        width: 100%
    }

    .lslayout .featured-thumbnail-fixed,
    .sllayout .featured-thumbnail-fixed {
        float: none;
        height: 280px;
        margin-bottom: 30px;
        margin-right: 0;
        max-width: 100%;
        width: 100%
    }

    .cover-image {
        min-height: 300px
    }

    .cover-heading .slider-inner {
        border: none;
        padding: 0
    }

    .boxed-layout,
    .boxed-layout .header,
    .featuredslider {
        max-width: 100%;
        width: 100%
    }

    .boxed-layout .header {
        width: 96%
    }

    .header {
        overflow: hidden
    }

    #page,
    .boxed-layout .main-wrapper {
        float: none;
        margin: 0 auto;
        max-width: 96%;
        width: 100%;
    }

    .header-1 .logo-wrap {
        float: none
    }

    .header-2 .logo-wrap {
        max-width: 100%
    }

    .header-2 {
        overflow: visible;
        position: relative;
    }

    .header-ad-widget {
        margin: 0 auto 15px;
        max-width: 100%;
        width: 728px;
    }

    .featured-post-1,
    .featured-posts-right {
        width: 100%
    }

    .featured-post-1 {
        border-bottom: 1px solid #fff;
        border-right: 0;
    }

    .featured-post-2 {
        border-right: 1px solid #fff;
    }

    .featured-post-2,
    .featured-post-3 {
        float: left;
        width: 50%
    }

    .content-area {
        clear: both;
        float: none;
        margin: 0;
        width: 100%;
    }

    .content {
        margin: 0 0 40px
    }

    .paging-navigation {
        margin-bottom: 0
    }

    .post-navigation .post-nav-links,
    .image-navigation .post-nav-links {
        width: 100%
    }

    .post-navigation .post-nav-links.alignleft {
        border-bottom: 1px dotted #e5e5e5;
        margin-bottom: 30px;
        padding-bottom: 30px
    }

    .sidebar,
    .sllayout .sidebar {
        padding-right: 0;
        padding-left: 0;
        width: 100%
    }

    .sidebar-small {
        display: none
    }

    .footer-widgets .footer-widget {
        margin: 0 0 20px;
        width: 100%
    }

    .category-posts li,
    .recent-posts li,
    .random-posts li,
    .popular-posts li {
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        width: 48%
    }

    .category-posts li:nth-child(2n+1),
    .recent-posts li:nth-child(2n+1),
    .random-posts li:nth-child(2n+1),
    .popular-posts li:nth-child(2n+1) {
        clear: left
    }

    .footer-widgets {
        padding-top: 30px
    }

    .footer-featured-post {
        margin-right: 0;
        width: 100%;
    }

    .footer-logo {
        display: inline-block;
        margin-bottom: 20px;
        float: none;
    }

    .footer-menu {
        display: block;
    }

    .footer-menu .nav-menu {
        display: block;
    }

    .footer-menu .nav-menu a {
        padding: 15px 20px;
    }

    .footer-menu .nav-menu ul li {
        float: none;
    }

    .footer-social {
        float: none;
    }

    .footer-social .footer-links {
        margin: 10px 0 20px;
    }
}

@media screen and (max-width: 620px) {
    .featuredslider .read-more {
        display: none
    }

    .owl-dots {
        bottom: 5px
    }

    .cover-image {
        min-height: 270px
    }

    .single .related-posts ul li {
        float: none;
        margin: 0 auto 20px;
        max-width: 400px;
        width: 100%;
    }

    .single .related-posts ul li:nth-child(3n) {
        margin-right: auto
    }

    .single .related-posts .featured-thumbnail {
        float: none
    }

    .related-posts-home ul li {
        float: left;
        margin-bottom: 0;
        margin-right: 0;
        width: 50%
    }

    .related-posts-home ul li:nth-child(2n),
    .related-posts-home ul li:nth-child(3n) {
        margin-right: 0
    }

    .footer-subscribe form {
        display: block;
        margin: 15px 0 0;
        width: 100%;
    }
}

@media screen and (max-width: 560px) {
    .category-posts li, .recent-posts li, .random-posts li, .popular-posts li {
        float: left;
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    .featured-post-2,
    .featured-post-3 {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .content {
        padding-top: 20px
    }

    .masonry .post {
        width: 100%
    }

    .gsblayout .featured-thumbnail,
    .sgblayout .featured-thumbnail,
    .masonry .post .featured-thumbnail {
        max-height: 250px;
        overflow: hidden
    }

    .lslayout .featured-thumbnail-fixed,
    .sllayout .featured-thumbnail-fixed {
        height: 220px;
    }

    .gsblayout .post,
    .gsblayout .page,
    .sgblayout .post,
    .sgblayout .page {
        width: 100%
    }

    .cover-image {
        min-height: 200px
    }

    .cover-heading .title {
        font-size: 22px;
        line-height: 26px
    }

    .menu-btn {
        margin-left: 5px
    }

    .header-2 .menu-btn {
        margin-left: 0
    }

    .featured-thumbnail {
        width: 100%
    }

    .content-area {
        float: left
    }

    .title {
        font-size: 26px;
    }

    .f-title {
        font-size: 18px
    }

    .post-meta .post-comments span {
        display: inline-block
    }

    .share-buttons {
        padding-left: 20px;
        padding-right: 20px
    }

    .error-text {
        font-size: 120px;
        line-height: 140px;
        margin-bottom: 0
    }

    .error-page-content {
        font-size: 14px
    }

    .error-head span {
        padding: 0 10px
    }

    .archive-col {
        margin: 0 0 20px;
        width: 100%
    }

    .post-navigation .post-nav-links {
        width: 100%
    }

    .post-navigation .prev-link {
        border-right: 0
    }

    .sidebar {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        width: 100%
    }

    .footer-widget {
        margin: 0 0 20px;
        width: 100%
    }

    .footer-widget .widget {
        margin: 0 10px 0
    }

    #commentform textarea {
        width: 92.5%
    }

    .copyright-inner {
        text-align: center;
    }

    .copyright-text {
        margin-bottom: 10px;
        width: 100%
    }

    .back-to-top {
        display: inline-block;
        float: none;
        margin: 10px 0 0;
    }
}